table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
}

th {
    background-color: #f2f2f2;
}

tr:hover {
    background-color: #f5f5f5; /* 悬停背景颜色 */
    transition: background-color 0.3s linear; /* 线性过渡动画 */
}

tr:hover::before {
    content: ""; /* 添加伪元素 */
    position: absolute; /* 绝对定位 */
    left: 0; /* 左边距 */
    top: 0; /* 上边距 */
    height: 100%; /* 高度为100% */
    width: 5px; /* 宽度为5px */
    background-color: #ff6b6b; /* 光棒颜色 */
    transition: width 0.3s linear; /* 宽度线性过渡动画 */
}
